<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">

    <!--====== Title ======-->
    <title>老铁下载页</title>

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">


    <!-- CSS
    ============================================ -->

    <!--===== Vendor CSS (Bootstrap & Icon Font) =====-->

    <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/plugins/fontawesome.min.css">
    <link rel="stylesheet" href="assets/css/plugins/flaticon.css">
    <link rel="stylesheet" href="assets/css/plugins/default.css">


    <!--===== Plugins CSS (All Plugins Files) =====-->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">

    <!--====== Main Style CSS ======-->
    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

<!--====== Header Start ======-->

<header class="header-area">
    <nav class="navbar navbar-expand-lg">
        <div class="container position-relative">
            <a class="navbar-brand" href="index.html">
                <img src="assets/images/logo.png" alt="Logo">
            </a>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent">
                <span class="toggler-icon"></span>
                <span class="toggler-icon"></span>
                <span class="toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse sub-menu-bar" id="navbarContent">
                <ul class="navbar-nav ml-auto">

                    <li><a class="page-scroll active" href="index.html">老铁APP</a>
                        <ul class="sub-menu">

                            <li><a href="xieyi.html">注册与隐私协议</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </nav>
</header>

<!--====== Header Ends ======-->

<!--====== Banner Start ======-->

<section id="home" class="banner-area">
    <div class="banner-shape-1">
        <img src="assets/images/shape/shape-2.png" alt="Shape">
    </div>
    <div class="banner-shape-2">
        <img src="assets/images/shape/shape-1.png" alt="Shape">
    </div>
    <div class="banner-shape-3">
        <img src="assets/images/shape/dots.png" alt="Shape">
    </div>

    <div class="banner-content-wrapper">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6">
                    <div class="banner-content">
                        <h2 class="title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">探索更多资源方案<br>和人脉</h2>
                        <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.6s">Explore more resource
                            solutions and contacts.</p>


                        <ul class="download-btn">
                            <li style="float:left">
                                <a class="google-play wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.9s"
                                   href="#">
                                    <span class="text-1">Android</span>
                                    <span class="text-2">立即下载</span>
                                </a>
                            </li>
                            <li style="float:left;">
								<img src="assets/images/ewm.jpg" alt=""></span>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="banner-image wow fadeInRightBig" data-wow-duration="1.3s" data-wow-delay="0.8s">
                        <div class="image">
                            <img src="assets/images/banner-app.png" alt="App">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="banner-counter">
        <div class="container">

        </div>
    </div>
</section>

<!--====== 第一部分end ======-->

<!--====== 第二部分start ======-->

<section id="discover" class="discover-area"  style="background: #fafbff;">
    <div class="discover-shape shape-1">
        <img src="assets/images/shape/dots-2.png" alt="">
    </div>

    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="discover-content-wrapper">
                    <div class="section-title">
                        <p class="sub-title">There are thing to find LAOTIE-APP</p>
                        <h2 class="title">老铁，有事儿找老铁</h2>
                    </div>
                    <div class="discover-items">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="single-item item-1" style=" text-align: center;" >
                                    <div class="">
                                        <i class=""><img src="assets/images/tb1.png"></i>
                                    </div>
                                    <div class="item-text">
                                        <h4 class="title">多次同步、备注<br>通讯录
                                            好友，不错过任何人脉资源</h4>
                                    </div>
                                </div>
                            </div>

                            <div class="col-sm-4">
                                <div class="single-item item-2"  style=" text-align: center;" >
                                    <div class="">
                                        <i class=""><img src="assets/images/tb2.png"></i>
                                    </div>
                                    <div class="item-text">
                                        <h4 class="title">按地区职业等<br>多重找人脉
                                            资源方案，找人办事更省心</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="single-item item-3"  style=" text-align: center;" >
                                    <div class="">
                                        <i class=""><img src="assets/images/tb3.png"></i>
                                    </div>
                                    <div class="item-text">
                                        <h4 class="title">收藏、评价已找的<br>方案资源
                                            便于后期重复利用</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="discover-content">
                        <p>多重方式准确搜索所需人脉资源方案，收藏、打分评价人脉资源，利于重复利用和踩雷；同时通过多项关系、细节属性整合
                            通讯录好友，给好友加标签，充分利用人脉关系，实现合作共赢。实名认证信息可靠值得信赖，合作无忧！</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="discover-image wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
        <div class="image">
            <img src="assets/images/discover-image.jpg" alt="">
        </div>
    </div>
</section>

<!--====== 第二部分end ======-->

<!--====== 第三部分 Start ======-->

<section id="screenshot" class="screenshot-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section-title text-center">
                    <p class="sub-title">Interface appreciation</p>
                    <h2 class="title">界面欣赏</h2>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid custom-container">
        <div class="screenshot-active swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/1.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/2.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/3.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/4.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/5.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/6.png" alt="">
                </div>
                <div class="swiper-slide single-screenshot">
                    <img src="assets/images/screens/7.png" alt="">
                </div>
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="screenshot-pagination"></div>
    </div>
</section>
<!--====== 第三部分 Ends ======-->

<!--====== 底部 start ======-->
<footer id="footer" class="footer-area bg_cover" style="background-image: url(assets/images/footer-bg.jpg);">
    <div class="footer-shape shape-1"></div>

    <div class="container">
        <div class="footer-copyright text-center">
            <p>&copy; copyright 2020 by <a href="#">老铁APP</a></p>
        </div>
    </div>
</footer>

<!--====== 底部 end======-->

<a href="#" class="back-to-top"><i class="fal fa-chevron-up"></i></a>

<!--====== BACK TOP TOP PART ENDS ======-->


<!--====== Jquery js ======-->
<script src="assets/js/vendor/jquery-3.5.1.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>

<!--====== All Plugins js ======-->
<script src="assets/js/plugins/popper.min.js"></script>
<script src="assets/js/plugins/bootstrap.min.js"></script>
<script src="assets/js/plugins/swiper-bundle.min.js"></script>
<script src="assets/js/plugins/jquery.easing.min.js"></script>
<script src="assets/js/plugins/scrolling-nav.js"></script>
<script src="assets/js/plugins/wow.min.js"></script>


<!--====== Main Activation  js ======-->
<script src="assets/js/main.js"></script>


</body>

</html>
